<template>
	<div class="flex align-center" v-if="info">
		<UserInfo :user_id="info.user_info.id" :userInfos="info.user_info"></UserInfo>
		<div class="color-999">：</div>
		<div class="ml-10">{{info.message}}</div>
	</div>
</template>

<script>
import userInfo from '../userInfo/userInfo.vue'
export default {
	components:{
		userInfo
	},
	props:{
		info:{
			type:[Object,Array],
			default(){
				return {
					user_info:{},
					text:''
				}
			}
		}
	}
}
</script>

<style lang="scss" scoped>

</style>